import axios from 'axios';
import { Toast } from 'vant';

// 创建axios实例
const service = axios.create({
  // 修改基础URL为mock接口使用的前缀
  baseURL: '/api', // 直接使用相对路径，避免与环境变量冲突
  timeout: 5000
});

// 简单计数器，用于管理同时进行的请求数量
let loadingCount = 0;

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 从本地存储获取token
    const token = localStorage.getItem('token');
    // 如果有token，添加到请求头
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    
    // 如果是第一个请求，显示加载提示
    if (loadingCount === 0) {
      Toast.loading({
        message: '加载中...',
        forbidClick: true,
        loadingType: 'spinner',
        duration: 0 // 持续显示
      });
    }
    loadingCount++;
    
    return config;
  },
  error => {
    // 处理请求错误
    console.error('请求错误:', error);
    
    // 减少请求计数，如果没有正在进行的请求，隐藏加载提示
    if (loadingCount > 0) {
      loadingCount--;
      if (loadingCount === 0) {
        // Vant的Toast组件会自动销毁旧的实例并创建新实例
        // 使用一个短暂的Toast来替换持续显示的加载提示
        Toast.clear();
      }
    }
    
    Toast({
      message: '请求异常，请稍后重试',
      type: 'error',
      duration: 3000
    });
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 减少请求计数，如果没有正在进行的请求，隐藏加载提示
    if (loadingCount > 0) {
      loadingCount--;
      if (loadingCount === 0) {
        Toast.clear();
      }
    }
    
    const res = response.data;

    // 约定：code为200表示成功
    if (res.code !== 200) {
      // 错误提示
      Toast({
        message: res.message || '操作失败',
        type: 'error',
        duration: 3000
      });

      // 401表示未授权，需要重新登录
      if (res.code === 401) {
        // 清除本地存储的用户信息
        localStorage.removeItem('token');
        localStorage.removeItem('userInfo');
        // 跳转到登录页
        window.location.href = '/#/login';
      }

      return Promise.reject(res);
    } else {
      return res;
    }
  },
  error => {
    // 减少请求计数，如果没有正在进行的请求，隐藏加载提示
    if (loadingCount > 0) {
      loadingCount--;
      if (loadingCount === 0) {
        Toast.clear();
      }
    }
    
    // 处理响应错误
    console.error('响应错误:', error);
    Toast({
      message: '网络异常，请检查网络连接',
      type: 'error',
      duration: 3000
    });
    return Promise.reject(error);
  }
);

export default service;
